<!-- env 公共头部公告栏 -->

<script>
export default {
  data() {
    return {
      config:{
        data: [['这是地震预警'],['这是第二页']],
        rowNum: 1,
        oddRowBGC:"none",
        evenRowBGC:"none"
      },
    };
  },
};
</script>

<template>
  <div class="box">
    <dv-border-box-8 :reverse="true" style="width: 100%;">
        <!-- 左上公告栏 -->
        <div class="head">
          <div style="margin:0 30px;"><img src="@/assets/svg/megaphone.svg" alt=""></div>
          <dv-scroll-board :config="config" style="width: 300px;"  />
        </div>
      </dv-border-box-8>
  </div>
</template>

<style scoped>
.box{
  display: flex;
}
.head {
  padding: 10px;
  height: 80px;
  display: flex;
  align-items: center;
}
</style>